// Copyright (C) 2017 Nokia

@import "colors";

/*******************
*** badge colors ***
********************/
.badge {
  padding: .5em !important;
  color: #fff;

  &.ERROR {
    background-color: $entity-error;
  }
  &.SUCCESS {
    background-color: $entity-success;
  }
  &.RUNNING {
    background-color: $entity-running;
    animation: progress-bar-stripes 1s linear infinite;
    background-size: 1rem 1rem;
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  }
  &.PAUSED, &.DELAYED, &.IDLE, &.WAITING, &.CANCELLED {
    background-color: gray;
  }
}

.badge-flex {
  flex: 0 1 15%;
}

/***********************
*** Standalone Icons ***
************************/
i.fa:before {
  font-family: 'FontAwesome';
}

i.fa.SUCCESS:before {
  content: '\f058';
  color: $entity-success;
}

i.fa.ERROR:before {
  content: '\f06a';
  color: $entity-error;
}

i.fa.RUNNING:before {
  content: '\f01d';
  color: $entity-running;
}

i.fa.IDLE:before {
  content: "\f017";
  color: $text-muted2;
}

i.fa.WAITING:before {
  content: "\f251";
  color: $text-muted2;
}

i.fa.CANCELLED:before {
  content: "\f05e";
  color: $text-muted2;
}

i.fa.PAUSED:before {
  content: "\f28c";
  color: $text-muted2;
}